<template>
    <div>
        <button @click="gotohome"> home </button>
        <button @click="gotologin"> login </button>
        <button @click="gotoaccount"> account </button>
        <button @click="gotowork"> work </button>
    </div>
    <NuxtPage/>
</template>
<script setup>
const router = useRouter()
const gotohome = () => {
    router.push('/')
}

/*
back：页面返回，和 一样 router.go(-1)
- forward：页面前进，同 router.go(1)
- go：页面返回或前进，如 router.go(-1) or router.go(1)
- push：以编程方式导航到新页面。建议改用 navigateTo 。支持性更好
- replace：以编程方式导航到新页面，但会替换当前路由。建议改用 navigateTo 。支持性更好
- beforeEach：路由守卫钩子，每次导航前执行（用于全局监听）
- afterEach：路由守卫钩子，每次导航后执行（用于全局监听）
*/

const gotologin = () =>{
    navigateTo('/login')
    // router.push('/login')
}
const gotoaccount = () =>{
    router.push('/account')
}
const gotowork = () =>{
    router.push('/work')
}

// 路由的守卫
router.beforeEach((to, form) => {
  console.log(to);
  console.log(form);
});


</script>
<style>
</style>